
/* 第二部分 */

/* 底部 */
#switcher{
    height: 245px;
}
.control-box{
    width: 100%;
    margin: auto;
    height: 245px;
    position: relative;
}
.control-box ul li{
    top: 0px;
}
.bigbox{
    height: 219px;
    margin: auto;
}

.boximg{
    width: 320px;
    height: 219px;
}
.boximg img{
    width: 320px;
    height: 219px;
}
.prev{
    position: absolute;
    left: 0px;
    top: 0;
    background:rgba(255, 255, 255, 0.53);
    width: 62px;
    height: 219px;
    line-height: 219px;
    z-index: 10000;
    text-align: center;
    cursor: pointer;
}
.next{
    position: absolute;
    right: 0px;
    top: 0;
    background:rgba(255, 255, 255, 0.53);
    width: 62px;
    height: 219px;
    z-index: 10000;
    line-height: 219px;
    text-align: center;
    cursor: pointer;
}
.prev img,.next img{
    /* margin-left: 10px; */
}
.box{
    position: relative;
    height: 219px;
}
.boxtitle{
    position: absolute;
    width: 229px;
	height: 43px;
	background-color: #ffffff;
    line-height: 67px;
    right: 13px;
    bottom: 0px;
    text-align: center;
    color: #007cdc;
    font-size: 20px;
}
.row{
    margin-left:0px !important;
    margin-right:0px !important;
}
@media(min-width: 1200px){
    .content .container,.footer .container,.index-abount,.index-header,.index-product,.index-honor-main,.index-news{
        max-width: 1200px !important;
        margin:0px auto;
        padding-left:0px;
        padding-right:0px;
    }
    .row>div{
        padding-left: 0px;
        padding-right: 0px;
    }
    .row{
        justify-content: space-between;
    }

}
@media (max-width: 600px){

}

@media(min-width: 768px){
    .head-right .navbar-nav{
        width: 100%;
        display: flex;
        flex-flow: nowrap;
        justify-content: space-between;
    }

}

.index-header{
    display:block;
    margin:0px auto;
    min-height:80px;
}
.header-content{
    display:flex;
    align-items: center;
    width:100%;
    height:100%;
}
.head-left{
    display:flex;
    height:100%;
    align-items: center;
}
.head-left img{
    width:430px;
    height:40px;
}
.head-right{
    flex:1;
    display:flex;
    /* margin-left:100px; */
    height:100%;
}
.nav-main{
    width:100%;
    heihgt:100%;
}
.navbar-nav .nav-item{
    display:flex;
}

.navbar-nav>li>a:hover{
    color:#0043a3;
}
.index-content{
    width:100%;
    background-color:#fff;
}
.banner-content{
    width:100%;
    height:auto;
    overflow:hidden;
}
.banner-content img{
    width:100%;
    auto;
}
/* 关于皓联 */
.index-abount{
    display:flex;
    margin:0px auto;
    border-bottom:6px solid #F5F5F5;
    margin-top:60px;
}
.abount-left,.abount-right{
    padding-left:0px !important;
    padding-right:0px !important;
}
.abount-left{
    display:flex;
    flex-direction:column;
    height:386px;
    overflow:hidden;
}
.abount-left-one{
    display:flex;
    width:85%;
}
.abount-left-one img{
    width:100%;
    height:326px;
}
.abount-left-two{
    width: 169px;
    height: 240px;
    position: absolute;
    left: 70%;
    top: 120px;
}
.abount-left-three{
    display:flex;
    width:100%;
    height:60px;
    align-items:center;
    color:#cccccc;
    font-size:32px;
}
.abount-right{
    display:flex;
    width:100%;
    height:386px;
    overflow:hidden;
    flex-direction:column;
}
.index-abount-title{
    width:100%;
    height:30px;
    font-size:32px;
    color:#0043a3;
    font-weight:bold;
    align-items:flex-start;
}
.index-abount-main{
    width:100%;
    height:240px;
    margin-top:25px;
    line-height:30px;
    font-size:17px;
    color:#333333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp:8;
    -webkit-box-orient: vertical;
    word-break: break-all;
    text-indent: 2em;
}
.index-abount-more{
    display:flex;
    margin-top:15px;
    line-height:30px;
    justify-content:flex-end;
}
.index-abount-more a{
    text-decoration: underline;
}

/* 产品 */
.index-product{
    margin-top:60px;
    margin-bottom:100px;
}
.index-product-left{
    height:432px;
    padding-right:32px !important;
}
.index-product-left-title{
    width:100%;
    height:130px;
    padding-top:30px;
    border-bottom:1px solid #D5D5D5;
}
.index-product-title-t{
    width:100%;
    height:60px;
    display:flex;
    justify-content:flex-start;
    align-items:center;
}
.index-product-title-l{
    height:40px;
    display:flex;
    font-size:32px;
    font-weight:bold;
    color:#0043a3;
    margin-right:21px;
}
.index-product-title-l-r{
    width:80px;
    height:7px;
    margin-top:15px;
    background-color:#0043a3;
}
.index-product-title-b{
    font-size:15px;
    color:#424242;
    line-height:30px;
}
.index-product-left-main{
    width:100%;
    height:312px;
    display:flex;
    overflow:hidden;
    align-items:center;
    justify-content:center;
}
.index-product-left-main img{
    width:200px;
    height:181px;
}
.index-product-right{
    overflow:hidden;
    heigth:432px;
}
.index-product-right img{
    width:100%;
    height:432px;
}
/* 荣誉资质 */
.index-honor{
    width:100%;
    height:622px;
    background-image:url('../images/ry_back.png');
    background-size:100% 100%;
    overflow:hidden
}
.index-honor-title{
    width:100%;
    height:30px;
    line-height:30px;
    font-size:30px;
    color:#0043a3;
    font-weight:bold;
    margin-top:60px;
    text-align:center;
}
.index-honor-desc{
    width:100%;
    line-height:30px;
    text-align:center;
    color:#3F3F3F;
    font-size:15px;
    margin-top:18px;
}
.index-honor-main{
    width:100%;
    height:350px;
    margin:0px auto;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    margin-top:35px;
}
.index-honor-main .row{
    width:100%;
    height:100%;
}
.honor-main{
    display:flex;
    width:100%;
    height:350px;
    overflow:hidden;
}
.honor-main-item{
    display:flex;
    flex-direction:column;
    width:291px;
    height:350px;
    background-color:rgba(255,255,255,1);
    align-items:center;
    margin-right:12px;
}
.honor-main-item-t{
    display:flex;
    width:291px;
    height:254px;
    margin-top:25px;
    justify-content:center;
}
.honor-main-item-t img{
    width:188px;
    height:254px;
}
.honor-main-item-b{
    display:flex;
    height:20px;
    font-size:16px;
    color:#3f3f3f;
    justify-content:center;
    margin-top:18px;
    width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.swiper-button-prev,.swiper-button-next{
    background-color:#E1E1E1;
    color:#ffffff;
    top:43%;
    height:75px;
    width:35px;
}
.swiper-button-prev{
    left:0px;
}
.swiper-button-next{
    right:0px;
}
.swiper-button-prev:after,.swiper-button-next:after{
    font-size:20px;
}
/* 新闻中心 */
.index-news{
    height:auto;
}
.index-new-top{
    width:100%;
    height:auto;
    border-bottom:1px solid #D4D4D4;
}
.index-new-top-title{
    width:100%;
    height:auto;
    display:flex;
    justify-content:flex-start;
    margin-top:50px;
}
.index-new-top-title-l{
    display:flex;
    line-height:32px;
    font-size:32px;
    height:32px;
    color:#0043a3;
    margin-right:23px;
    font-weight:bold;
}
.index-new-top-title-r{
    width:80px;
    height:7px;
    background-color:#0043a3;
    margin-top:15px;
}
.index-new-top-desc{
    width:100%;
    color:#3F3F3F;
    font-size:15px;
    line-height:30px;
    margin-top:15px;
    margin-bottom:25px;
}
.index-new-item{
    width:100%;
    height:auto;
    background-color:#F3F3F3;
    margin-top:28px;
    padding:20px;
}
.index-new-bom{
    width:100%;
    margin-bottom:55px;
}
.index-new-main-l{
    padding-left:0px !important;
    padding-right:15px !important;
    height:140px;
}
.index-new-main-l img{
    width:100%;
    height:140px;
}

.index-new-main-r{
    padding-left:25px !important;
    padding-right:25px !important;
}
.index-new-main-r-title{
    width:100%;
    display:flex;
    justify-content:space-between;
    margin-top:25px;
}
.index-new-main-r-t-title{
    width: 80%;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size:16px;
    color:#000000;
}
.index-new-main-r-t-time{
    font-size: 12px;
    width: 70px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color:#9d9d9d;
}

.index-new-main-r-desc{
    width:100%;
    height:51px;
    line-height:26px;
    font-size:14px;
    color:#666666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-top:5px;
}
.index-news-right{
    padding-left:58px !important;
    overflow:hidden;
}
.index-news-nav{
    width:100%;
    height:18px;
    margin-top:77px;
    text-align:right;
}
.index-news-nav a{
    font-size:16px;
    color:#404040;
}
.index-news-nav a:hover{
    color:#404040;
}
.index-news-nav-one{
    padding-right:10px;
    border-right:2px solid #808080;
}
.index-news-nav-two{
    padding-left:7px;
}

.index-news-right-bottom{
    width:100%;
    height:388px;
    overflow:hidden;
    margin-top:83px;
    margin-bottom:55px;
}
.index-news-right-bottom img{
    width:100%;
    height:392px;
}